What are the colors of Bootstrap 4?

Bootstrap 4 | Colors 1 .text-secondary 2 .text-white 3 .text-dark 4 .text-body 5 .text-light

Is there a new version of Bootstrap 5?

A newer version is available for Bootstrap 5. We recommend migrating to the latest version of our product - Material Design for Bootstrap 5. Bootstrap Colors is a sensational palette of 300 delightful colors, which will aid you in creating inviting, consistent design. Each color might be exposed in various tones varying from bright to dark.

What is color-YIQ in Bootstrap?

One additional function we include in Bootstrap is the color contrast function, color-yiq. It utilizes the YIQ color space to automatically return a light ( #fff) or dark ( #111) contrast color based on the specified base color. This function is especially useful for mixins or loops where you’re generating multiple classes.

What does $theme-colors do in Bootstrap?

$theme-colors lists all semantically named theme colors (shown below) Within scss/_variables.scss, you’ll find Bootstrap’s color variables and Sass map. Here’s an example of the $colors Sass map: Add, remove, or modify values within the map to update how they’re used in many other components.